<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--同级目录直接写图片名-->
<!--alt当图片不能显示时显示的文本-->
<img src="aasdf.jpg" alt="图片挂了">
<!--上级目录../图片名-->
<img src="../b.jpg" title="图片标题" width="100" height="200">
<!--下级目录 文件夹名/图片名-->
<img src="abc/c.jpg" width="50%">
<!--绝对路径 用来访问站外资源,图片盗链 有找不到图片的风险-->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
</body>
</html>